<ui:composition template="template.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j">
    <ui:define name="titulo">Galeria</ui:define>
    <ui:define name="conteudo">
        <h1>Galeria</h1>
        <link type="text/css" href="css/galeria.css" rel="stylesheet" />
        <script type="text/javascript" src="JQuery/jquery-1.6.min.js"></script>
        <script type="text/javascript" src="JQuery/galeria.js"></script>
        <script language="javascript" type="text/javascript">
            <!--
                $(document).ready(
                    function (){
                        $("#pikame").PikaChoose();
                    });
            -->
        </script>
        <div id="wrapper">
<!--            <h:dataTable id="Fotos"  value="#{bean.listaImagem}" var="foto" cellspacing="2">-->
                <ul id="pikame" >
<!--                    <h:column>-->
                        <li><a4j:mediaOutput id="bannerImage" element="img" cacheable="false" createContent="#{bean.montarImagem}" mimeType="image/jpg"/><span></span></li>
<!--                    </h:column>-->
                </ul>
<!--            </h:dataTable>-->
        </div>
    </ui:define>
</ui:composition>